<template>
  <div :class="chatStatus ? 'full-screen' : ''">
    <Assistant :smallWindow="smallWindow"></Assistant>
  </div>
</template>

<script>
import Assistant from "@/components/ai/Assistant";

export default {
  name: "aiAssistant",
  components: {
    Assistant,
  },
  data() {
    return {
      smallWindow: false,
      chatStatus: false,
    };
  },
  created() {
    if (this.$route.name === "chat") {
      this.chatStatus = true;
    } else {
      this.chatStatus = false;
    }
  },
};
</script>

<style scoped lang="scss">
.app-container {
  padding: 0;
  &.list-hide {
    .splitpanes__pane {
      overflow: initial;
      .an-qu {
        overflow: initial;
      }
    }
  }
  .el-row {
    margin: 0 !important;
  }
  .an-qu {
    height: calc(100vh - 84px);
    overflow: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    &.sider {
      background: #fafafa;
      .posi {
        position: absolute;
        top: 10px;
        left: 20px;
        z-index: 1000;
      }
      .sider-header {
        padding: 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
      }
    }
    .sider-icon {
      cursor: pointer;
    }
  }
}
</style>
<style lang="scss">
.full-screen {
  .an-qu {
    height: calc(100vh) !important;
    .sider-container {
      height: calc(100vh - 105px) !important;
    }
    .chat-detail-scroll-container {
      .chat-detail-content {
        // overflow: auto;
        .chat-detail-main {
          min-height: calc(100vh);
          // height: calc(100vh)!important;
          height: 100%;
        }
        .side-console-container {
          height: calc(100vh - 105px) !important;
        }
      }
      .placeholder-container {
        .additional-element {
          height: calc(100vh - 70px) !important;
        }
      }
    }
  }
}
</style>